Aureolo Colors

Stationary Green

code:style.css

--brand-color: var(--c-green-5);

--accent-color-selectable: var(--c-green-3);

--text-selection-bg: var(--card-description-color);

--search-form-bg: hsl(136 29% 50%);

--search-form-bg: hsl(136 29% 50% / 15%);

--page-menu-bg: hsl(from var(--navbar-bg) h s 97% / 50%);

--body-bg: hsl(239 12% 90%);

--card-backside-color: var(--navbar-bg);

--page-border-top: 8px solid hsl(from var(--navbar-bg) h 20% 90%);

--page-box-shadow-color-primary: hsl(from midnightblue h s 50%);

--page-box-shadow-color-primary: var(--body-bg);

--page-box-shadow-color-primary: deeppink;

--page-box-shadow-color-seconday-alt: var(--navbar-bg);

--telomere-unread: var(--navbar-bg);

--navbar-title-color: var(--navbar-bg);

--navbar-title-color: hsl(from var(--navbar-bg) h 65% 20%);

--search-form-focus-box-shadow: var(--navbar-bg);

--stream-section-bar-bg: hsl(from var(--c-green-3) h s l / 85%);

--statusbar-page-title: var(--c-green-1);

--statusbar-page-list-status: var(--c-green-1);

}

Tropical

code:style.css

code:disabled

body {

--body-bg: var(--c-bg-bottom);

--search-form-bg: var(--c-bg-navbar-search-form);

--page-box-shadow:

0 0 0.25rem hsl(from var(--page-box-shadow-color-primary) h s l / 0.2),

2.8px 2.8px 2.2px hsl(from var(--page-box-shadow-color-tertiary, black) h s l / 0.02),

6.7px 6.7px 5.3px hsl(from var(--page-box-shadow-color-primary) h s l / 0.028),

12.5px 12.5px 10px hsl(from var(--page-box-shadow-color-secondary) h s l / 0.035),

22.3px 22.3px 17.9px hsl(from var(--page-box-shadow-color-secondary) h s l / 0.042),

41.8px 41.8px 33.4px hsl(from var(--page-box-shadow-color-secondary) h s l / 0.05),

100px 50px 80px hsl(from var(--page-box-shadow-color-primary) h s l / 0.07),

-2.8px 2.8px 5.3px hsl(from var(--page-box-shadow-color-primary) h s l / 0.01),

-6.7px 6.7px 5.3px hsl(from var(--page-box-shadow-color-secondary) h s l / 0.028),

-12.5px 12.5px 10px hsl(from var(--page-box-shadow-color-secondary) h s l / 0.035),

-22.3px 22.3px 17.9px hsl(from var(--page-box-shadow-color-secondary) h s l / 0.042),

-41.8px 41.8px 33.4px hsl(from var(--page-box-shadow-color-secondary) h s l / 0.05),

-100px 50px 80px hsl(from var(--page-box-shadow-color-primary) h s l / 0.07);

--page-box-shadow-color-primary: var(--c-shadow-box-page-main);

--page-box-shadow-color-secondary: var(--c-shadow-box-page-main-alt);

}

.page {

box-shadow: var(--page-box-shadow);

}

--current-project-skin-name: "Alruina Aŭreolo + Cosense Theme Color";

--c-tc-navbar-button-new-page: var(--new-button-bg);

--c-ic-navbar-button-new-page-hover: var(--new-button-hover-bg);

--c-ic-navbar-button-new-page-active: var(--new-button-active-bg);

--c-ic-navbar-button-new-page-vertical-line: var(--new-button-vertical-color);

--c-ic-navbar-button-new-page-horizontal-line: var(--new-button-horizontal-color);

--c-bg-navbar-search-form: hsl(from var(--search-form-bg) h s l / 15%);

--c-tx-navbar-search-form: midnightblue;

--c-shadow-box-navbar-search-form-focus: var(--c-ui-accent-color);

--shadow-box-navbar-search-form-focus:

0 0 4px hsl(from var(--c-shadow-box-navbar-search-form-focus) h s l / 0.22),

0 0px 6px hsl(from var(--c-shadow-box-navbar-search-form-focus) h s l / 0.22),

0 0 6px hsl(from var(--c-shadow-box-navbar-search-form-focus) h s l / 0.22),

0 -3px 10px hsl(from var(--c-shadow-box-navbar-search-form-focus) h s l / 0.22),

0 8px 16px hsl(from var(--c-shadow-box-navbar-search-form-focus) h s l / 0.24);

}

--c-ui-accent-color: var(--c-red-5);

--c-ui-accent-color-selectable: var(--c-red-3);

--c-bg-text-selection: var(--card-description-color);

--c-bg-bottom: var(--body-bg);

--c-bg-bottom: hsl(from var(--body-bg) h 12% 90%);

--c-bg-bottom: hsl(from var(--body-bg) h s 85%);

--c-bg-page-manu: hsl(from var(--navbar-bg) h s 97% / 50%);

--c-fg-card-backside: var(--c-red-5);

--border-page-main-top: 8px solid hsl(from var(--navbar-bg) h 20% 90%);

--c-shadow-box-page-main: hsl(from midnightblue h s 50%);

--c-shadow-box-page-main: var(--body-bg);

--c-shadow-box-page-main-alt: var(--navbar-bg);

--c-telomere-unread: var(--navbar-bg);

/* --c-bg-navbar: hsl(from var(--navbar-bg) h s l / 85%); */

--c-tx-navbar-project-name: var(--navbar-bg);

--c-tx-navbar-project-name: hsl(from var(--navbar-bg) h 65% 20%);

--c-tx-navbar-project-name: hsl(from var(--navbar-bg) h 100% 10%);

/* --c-tx-navbar-project-name: var(--new-button-bg); */

--c-shadow-box-navbar-search-form-focus: var(--navbar-bg);

--c-bg-stream-page-status-bar: hsl(from var(--c-red-3) h s l / 85%);

--shadow-box-popup-menu:

0 0 0.375rem hsl(from var(--c-red-5) / 0.125),

0 0 0.25rem hsl(from var(--c-red-3) / 0.15);

--c-bg-statusbar-page-title: var(--c-purple-1);

--c-bg-statusbar-page-list-status: var(--c-purple-1);

--c-tx-h1: hsl(from var(--navbar-bg) h s 0);

}